import Vue from 'vue'

//1，导入vue-router 包
import VueRouter from 'vue-router'

//2，手动安装 VueRouter
Vue.use(VueRouter)

//导入 app 组件
import app from './App.vue'

//导入 login 组件
import login from './templates/Login.vue'

//导入 register 组件
import register from './templates/Register.vue'

//3，创建路由对象
var router=new VueRouter({
    routes:[
        {path:'/login',component:login},
        {path:'/register',component:register}
    ]
})

var vm=new Vue({
    el:'#app',//这里的"#app"指的是页面中 id=app的div
    render:c=>c(app),//这里的app指的是App.vue这个组件
    //render 会把 el 指定的容器中，所有的内容都清空覆盖
    router //4，将路由对象挂载到vm上
})

//app这个组件是有vm 实例的 render 函数 渲染出来的，渲染出来的组件只能放到el："#app" 所指定的元素中
//login 和 regisger 组件 ，通过路由匹配监听到的，所以这两个组件只能展示到<router-view>中去
